<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>confirm_order</title>
    <link rel="shortcut icon" href="../img/icon.png">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/confirm_order.css">
</head>
<body>
<div class="header">
        <img src="../img/shop_cart_back4.png" alt="shop_cart_back.png">
        <div class="title">确认订单</div>
</div>
<div class="main">
    <div class="info">
        <h6>收货信息</h6>
        <div class="details">
            <div class="name">收货人：<i>小花花</i></div>
            <div class="tel">电话：<i>15241542697</i></div>
            <div class="address">
                <img src="../img/confirm_order_site.png" alt="confirm_order_site.png">
                <span>广东省广州市天河区广兰路26号</span>
            </div>
        </div>
        <div class="add">添加新的收货地址
            <img src="../img/confirm_order_add.png" alt="confirm_order_add.png">
        </div>
    </div>
    <div class="product-info">
        <h6>商品信息</h6>
        <div class="details">
            <div class="describe">
                <div class="describe-info">
                    <img src="../img/shop_cart1.png" alt="shop_cart1.png">
                    <div class="content">
                        <h4>纯锡茶叶罐 大号根本锡罐锡器金属密 封储茶罐 商务礼...</h4>
                        <div class="colour">颜色分类：<i>银黑色</i></div>
                        <div class="money">¥<i>558.00</i></div>
                        <span>x1</span>
                    </div>
                </div>
                <div class="way"><b>配送方式</b>  <div class="method"><span>快递 免邮</span>
                    <img src="../img/confirm_order_tick2.png" alt="confirm_order_tick2.png">
                </div></div>
                <div class="way line"><b>运费险</b>  <div class="method"><span>卖家送，确认收货前退款可赔</span>
                    <img src="../img/confirm_order_tick2.png" alt="confirm_order_tick2.png">
                </div></div>
                <textarea name="message" cols="30" rows="4" placeholder="买家留言：选填：对本次交易的说明（建议填写已和卖家商量说..."></textarea>
            </div>
            <div class="subtotal"><div class="num">共 <i>一</i>件商品</div>  <div class="money">小计：¥ <i>558.00</i></div></div>
        </div>
    </div>
    <div class="anonymous">
        <h6>匿名购买</h6>
        <i></i>
    </div>
    <div class="balance ">
        <div class="total">合计：￥ <i>558.00</i></div>
        <button>提交订单</button>
    </div>
</div>
<ul class="footer" id="footer">
    <li class="on">
        <div></div>
        <p>首页</p>
    </li>
    <li>
        <div></div>
        <p>分类</p>
    </li>
    <li>
        <div></div>
        <p>购物车</p>
    </li>
    <li>
        <div></div>
        <p>我的</p>
    </li>
</ul>
<script src="../lib/zepto.min.js"></script>
<script src="../lib/jquery.min.js"></script>
<script src="../js/resetRem.js"></script>
<script src="../js/common.js"></script>
</body>
</html>